<template>
	<div class="ffffff mainpadding radius margin_top">
		<div class="text_h color_three">请输入提现金额：</div>
		<div class="margin_top2">
			<el-input v-model="input" placeholder="自定义金额"></el-input>
		</div>
		<!-- 未绑定 -->
		<div class="margin_top text_f color_three">
			<span class="">提现账户：</span>
			<span class="color_nine margin_right2">未绑定微信账户</span>
			<span class="color_theme" @click="dialogVisible=true">立即绑定</span>
		</div>
		<!-- 已绑定 -->
		<div class="margin_top text_f color_three">
			<span class="">提现账户：</span>
			<span class="color_theme">C (17538691122)</span>
		</div>
		<div class="flexleft margin_top">
			<div class="themeBtnbr margin_right1">立即提现</div>
			<div class="themeBtnbrSmall" @click="goRecord">提现记录</div>
		</div>
		<!-- 绑定微信弹窗 -->
		<el-dialog title="绑定微信" :visible.sync="dialogVisible" width="25%" center top="30vh" :before-close="handleClose">
			<div class="flexcenter">
				<div class="codeImg">
					<img src="../../../static/image/course.png" alt="">
				</div>
			</div>
			<div class="textcenter text_f color_zero margin_top1">扫码绑定微信账户</div>
			<div class="textcenter text_f color_red margin_top1">仅可绑定一次，不可更改！</div>
		</el-dialog>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				input: "",
				dialogVisible: false
			}
		},
		methods: {
			handleClose(done) {
				done();
			},
			goRecord() { //提现记录
				this.$router.push({
					path: "/mine/mineBalance",
					query: {
						name: "提现记录"
					}
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.payBtn {
		width: 141px;
		height: 46px;
		// text-align: center;
		// line-height: 46px;
		// padding: 15px 20px;
		border-radius: 7px 7px 7px 7px;
		border: 1px solid #3478F5;
		font-size: 16px;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
		color: #000000;

		img {
			width: 20px;
			height: 18px;
		}
	}

	::v-deep .el-dialog {
		border-radius: 16px;
	}

	::v-deep .el-dialog__title {
		font-size: 16px;
		font-family: PingFang SC-Heavy, PingFang SC;
		font-weight: 800;
		color: #000000;
	}

	.codeImg {
		width: 135px;
		height: 134px;

		img {
			width: 100%;
			height: 100%;
		}
	}
</style>